<!DOCTYPE html>
<html>
<head>
  <title>My LightSlider Demo</title>
  <link rel="stylesheet" type="text/css" href="css/lightslider.css">
  <link rel="stylesheet" type="text/css" href="css/ls.css"/>
</head>
<body>
  <h1>My Demo</h1>
  <div class="demo">
    <ul id="lightSlider">
      <li data-thumb="media/thumb/cS-1.jpg">
        <img src="media/cS-1.jpg" />
      </li>
      <li data-thumb="media/thumb/cS-2.jpg">
        <img src="media/cS-2.jpg" />
      </li>
      <li data-thumb="media/thumb/cS-3.jpg">
        <img src="media/cS-3.jpg" />
      </li>
      <li data-thumb="media/thumb/cS-4.jpg">
        <img src="media/cS-4.jpg" />
      </li>
      <li data-thumb="media/thumb/cS-5.jpg">
        <img src="media/cS-5.jpg" />
      </li>
      <li data-thumb="media/thumb/cS-6.jpg">
        <img src="media/cS-6.jpg" />
      </li>
      <li data-thumb="media/thumb/cS-7.jpg">
        <img src="media/cS-7.jpg" />
      </li>
      <li data-thumb="media/thumb/cS-8.jpg">
        <img src="media/cS-8.jpg" />
      </li>
      <li data-thumb="media/thumb/cS-9.jpg">
        <img src="media/cS-9.jpg" />
      </li>
      <li data-thumb="media/thumb/cS-10.jpg">
        <img src="media/cS-10.jpg" />
      </li>
      <li data-thumb="media/thumb/cS-11.jpg">
        <img src="media/cS-12.jpg" />
      </li>
      <li data-thumb="media/thumb/cS-13.jpg">
        <img src="media/cS-13.jpg" />
      </li>
    </ul>
  </div>
  <script type="text/javascript" src="js/jquery.min.js"></script>
  <script type="text/javascript" src="js/lightslider.min.js"></script>
  <script type="text/javascript" src="js/demo.js"></script>
</body>
</html>
